{% extends 'base.html' %}

{% block title %}可视化结果{% endblock %}

{% block content %}
    <style>
        /* 复用 index.html 的样式变量 */
        :root {
            --primary-blue: #524eef;
            --text-gray: #6D6D6D;
            --accent-yellow: #FFF8E5;
            --accent-purple: #E8E6F9;
        }

        body {
            min-height: 100vh;
            padding-bottom: 12%;
        }
    </style>
    <div class="nlp-search-container">
        <div class="card mt-5">

            <div class="card-body text-center" style="margin-top:3%";>
                {% if result %}
                    <img src="{{ result.url }}" alt="结果图像" class="img-fluid">
                {% else %}
                    <p class="text-center text-muted">没有返回结果</p>
                {% endif %}
            </div>
            <div class="card-footer text-center">
                <a href="/" class="btn btn-secondary">返回主页</a>
            </div>
        </div>
    </div>
{% endblock %}
